<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmcon_CompraMaterial')}"/>
    </f:metadata>
    <body>
        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">

                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="1100"/>
                    <ui:param name="toolBarTitleWidth" value="1050"/>
                    <ui:param name="title" value="Consulta de Compra Material por Proveedor"/>
                </ui:include>
                <div align="left">
                    <p:panel header="Consulta de Materiales" style="width: 1100px" >
                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>
                        <div align="left">
                            <h:form id="Step1" >

                                <p:panel style="width: inherit" header="Filtros para B&uacute;squeda de Informaci&oacute;n" toggleable="true" toggleSpeed="400" >
                                    <f:facet name="header">
                                        <p:spacer width="100" height="10"/><h:outputText value="Fecha Inicio: "/>
                                        <p:calendar value="#{consultaCompraMaterialManaged.selectedEncaMaterial.fecha_i}" pattern="dd.MM.yyyy" effect="fadeIn"/>

                                        <p:spacer width="50" height="10"/><h:outputText value="Fecha Inicio: "/>
                                        <p:calendar value="#{consultaCompraMaterialManaged.selectedEncaMaterial.fecha_f}" pattern="dd.MM.yyyy" effect="fadeIn"/>
                                    </f:facet>


                                    <h:panelGrid id="pProducto" columns="9">
                                        <h:outputText value="Sucursal"/>
                                        <h:selectOneMenu id="sucursal" value="#{consultaCompraMaterialManaged.selectedEncaMaterial.codigo_s}" style="width: 200px">
                                            <f:selectItems value="#{consultaCompraMaterialManaged.sucursales}" var="s" itemLabel="#{s.nombre_s}" itemValue="#{s.codigo_s}" />
                                        </h:selectOneMenu>
                                        <h:selectBooleanCheckbox value="#{consultaCompraMaterialManaged.selectedEncaMaterial.flag_Sucursal}" title="Filtrar por Sucursal" style="width: 25px" />
                                        <h:outputText value="Filtrar"/>
                                        <p:spacer width="50" height="10"/>


                                        <h:outputText value="Tipo Material"/>
                                        <h:selectOneMenu id="tipo" value="#{consultaCompraMaterialManaged.selectedEncaMaterial.codigo_tm}" style="width: 200px" >
                                            <f:selectItems value="#{consultaCompraMaterialManaged.tipoMateriales}" var="tp" itemLabel="#{tp.nombre_tm}" itemValue="#{tp.codigo_tm}" />
                                        </h:selectOneMenu>
                                        <h:selectBooleanCheckbox value="#{consultaCompraMaterialManaged.selectedEncaMaterial.flag_tipoMaterial}" title="Filtrar por Tipo de Materiales" style="width: 25px" />
                                        <h:outputText value="Filtrar"/>


                                        <h:outputText value="Categor&iacute;a"/>
                                        <h:selectOneMenu id="cmbCategoria" value="#{consultaCompraMaterialManaged.selectedEncaMaterial.id_cat}" style="width: 200px">
                                            <f:selectItems value="#{consultaCompraMaterialManaged.categorias}" var="cat" itemLabel="#{cat.nombre_cat}" itemValue="#{cat.id_cat}" />
                                            <p:ajax listener="#{consultaCompraMaterialManaged.llenarSubCategorias}" update="cmbSubCategoria"/>
                                        </h:selectOneMenu>
                                        <h:selectBooleanCheckbox value="#{consultaCompraMaterialManaged.selectedEncaMaterial.flag_Categoria}" title="Filtrar por Categor&iacute;a" style="width: 25px" />
                                        <h:outputText value="Filtrar"/>

                                        <p:spacer width="50" height="10"/>

                                        <h:outputText value="Marca"/>
                                        <h:selectOneMenu id="marca" value="#{consultaCompraMaterialManaged.selectedEncaMaterial.codigo_m}" style="width: 200px">
                                            <f:selectItems value="#{consultaCompraMaterialManaged.marcas}" var="mc" itemLabel="#{mc.nombre_m}" itemValue="#{mc.codigo_m}" />
                                        </h:selectOneMenu>

                                        <h:selectBooleanCheckbox value="#{consultaCompraMaterialManaged.selectedEncaMaterial.flag_marca}" title="Filtrar por Marca" style="width: 25px" />
                                        <h:outputText value="Filtrar"/>


                                        <h:outputText value="Sub Categor&iacute;a"/>
                                        <h:selectOneMenu id="cmbSubCategoria" value="#{consultaCompraMaterialManaged.selectedEncaMaterial.id_su}" style="width: 200px" >
                                            <f:selectItems value="#{consultaCompraMaterialManaged.subCategorias}" var="scc" itemLabel="#{scc.nombre_su}" itemValue="#{scc.id_su}" />
                                        </h:selectOneMenu>

                                        <h:selectBooleanCheckbox value="#{consultaCompraMaterialManaged.selectedEncaMaterial.flag_SubCategoria}" title="Filtrar por Sub Categor&iacute;a" style="width: 25px" />
                                        <h:outputText value="Filtrar"/>

                                        <p:spacer width="50" height="10"/>

                                        <h:outputText value="Medici&oacute;n"/>
                                        <h:selectOneMenu value="#{consultaCompraMaterialManaged.selectedEncaMaterial.id_um}" style="width: 200px" >
                                            <f:selectItems value="#{consultaCompraMaterialManaged.unidadMediciones}" var="um" itemLabel="#{um.nombre_um}" itemValue="#{um.id_um}" />
                                        </h:selectOneMenu>

                                        <h:selectBooleanCheckbox value="#{consultaCompraMaterialManaged.selectedEncaMaterial.flag_unidadMedicion}" title="Filtrar por Unidad de Medici&oacute;n" style="width: 25px" />
                                        <h:outputText value="Filtrar"/>
                                    </h:panelGrid>
                                </p:panel>

                                <div align="center">
                                    <br/>
                                    <h:panelGrid id="pProducto6" columns="3">
                                        <p:commandButton value="#{sms.buscar}" actionListener="#{consultaCompraMaterialManaged.buscarGrid}" update="Step1:table mensaje"/>
                                        <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="Step1 grid"/>
                                        <p:commandButton value="#{sms.reporte}" onclick="cmdEncaReporte.show()" title="#{sms.generarReporte}" image="ui-icon ui-icon-document"/>
                                    </h:panelGrid>
                                    <br/>
                                </div>



                                <p:dataTable id="table" value="#{consultaCompraMaterialManaged.materiales}" var="row" rows="15"
                                             paginator="true"  paginatorPosition="bottom" selectionMode="single" selection="#{consultaCompraMaterialManaged.selectedDetaMaterial}"
                                             emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="Step1:pRowExpansion mensaje"
                                             rowSelectListener="#{consultaCompraMaterialManaged.llenar_tableDeta}"
                                             >
                                    <f:facet name="header" >
                                        <h:outputText value="Lista de Materiales"/>
                                    </f:facet>
                                    <p:column style="width:16px">
                                        <p:rowToggler />
                                    </p:column>
                                    <p:column headerText="Catego&iacute;a" style="width: 250px" sortBy="#{row1.nombre_cat}" filterMatchMode="contains" filterBy="#{row1.nombre_cat}">
                                        <h:outputText value="#{row.nombre_cat}" style="width: 15px" />
                                    </p:column>
                                    <p:column headerText="Sub Categor&iacute;a" style="width: 250px" sortBy="#{row1.nombre_su}" filterMatchMode="contains" filterBy="#{row1.nombre_su}">
                                        <h:outputText value="#{row.nombre_su}" style="width: 15px" />
                                    </p:column>
                                    <p:column  sortBy="#{row.nombre_m}" filterBy="#{row.nombre_m}" filterMatchMode="contains" headerText="Nombre del Material" style="width:450px" >
                                        <h:outputText value="#{row.nombre_m}"/>
                                    </p:column>
                                    <p:column headerText="Cod. Barra" style="width:30px" filterMatchMode="contains" filterBy="#{row.codigo_barra_m}" sortBy="#{row.codigo_barra_m}" >
                                        <h:outputText value="#{row.codigo_barra_m}"/>
                                    </p:column>

                                    <p:rowExpansion id="pRowExpansion">
                                        <br/>
                                        <div align="center">
                                            <p:commandButton value="#{sms.reporte}"  image="ui-icon ui-icon-document" title="#{sms.generarReporte}" onclick="cmdDetaReporte.show()"/>
                                        </div>
                                        <br/>
                                        <p:dataTable id="deta_table" value="#{consultaCompraMaterialManaged.detaCompra}" var="row" rows="20"
                                                     paginator="true" paginatorPosition="bottom" selectionMode="single"
                                                     emptyMessage="#{sms.TableEmptyMessage}" >
                                            <f:facet name="header" >
                                                <h:outputText value="Bitacora de Inventario"/>
                                            </f:facet>
                                            <p:column headerText="Factura" style="width: 85px">
                                                <h:outputText value="#{row.factura_c}" style="width: 85px" />
                                            </p:column>
                                            <p:column headerText="Fecha" style="width: 85px">
                                                <h:outputText value="#{row.fecha_c}" style="width: 85px" >
                                                    <f:convertDateTime pattern="dd-MM-yyyy" />
                                                </h:outputText>
                                            </p:column>
                                            <p:column headerText="Proveedor" style="width: 450px">
                                                <h:outputText value="#{row.empresa_p}" style="width: 450px" />
                                            </p:column>
                                            <p:column headerText="Cantidad" style="width: 15px">
                                                <h:outputText value="#{row.cantidad_d}" style="width: 15px" />
                                            </p:column>
                                            <p:column headerText="Costo" style="width: 15px">
                                                <h:outputText value="#{row.costo_d}" style="width: 15px" />
                                            </p:column>
                                            <p:column headerText="Total" style="width: 15px">
                                                <h:outputText value="#{row.total_c}" style="width: 15px" />
                                            </p:column>
                                        </p:dataTable>
                                    </p:rowExpansion>
                                </p:dataTable>

                            </h:form>

       


                            <h:form id="dialogs">
                                <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdEncaReporte">
                                    <p:commandButton value="Si" actionListener="#{consultaAjusteManaged.generarEncaReporte}" oncomplete="cmdEncaReporte.hide()" update="mensaje"/>
                                    <p:commandButton value="No" onclick="cmdEncaReporte.hide()"/>
                                </p:confirmDialog>
                                <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdDetaReporte">
                                    <p:commandButton value="Si" actionListener="#{consultaAjusteManaged.generarDetaReporte}" oncomplete="cmdDetaReporte.hide()" update="mensaje" />
                                    <p:commandButton value="No" onclick="cmdDetaReporte.hide()"/>
                                </p:confirmDialog>
                            </h:form>
                        </div>
                    </p:panel>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>